<template>
	<view class="querendingdan1">
		<headertop title="确认订单" str1="oridei" :back1="back1"></headertop>
		<view class="quedingbox">

		</view>
		<view :style="{'margin-top':statusBarHeight+'px','width':'100%','height':barHeight+'px'}">

		</view>
		<view class="centerbox">
			<view class="qufenkdtype" v-if="zuliobj.dispatch_type=='offline,express'">
				<image
					:src="query['dispatch_type']=='express'?_static('/images/Group 11697@2x.png'):_static('/images/Group 11696@2x.png')"
					class="qufenkdtypeback" mode=""></image>
				<view class="linetitle">
					<view :class="query['dispatch_type']=='offline'?'zitibox1':'zitibox'"
						@click="query['dispatch_type']='offline'">
						自提
					</view>
					<view :class="query['dispatch_type']=='express'?'zitibox1':'zitibox'"
						@click="query['dispatch_type']='express'">
						快递
					</view>
				</view>
				<view class="dzinfo">
					<template
						v-if="(dzobj&&query.dispatch_type=='express')||(query.dispatch_type=='offline'&&query.shopid)">
						<view class="line">
							<image :src="_static('/images/Frame@2x(45).png')" class="icon" mode=""></image>
							<span
								style="margin-left: 16rpx;">{{query.dispatch_type=='express'?dzobj.consignee:mdobj.title}}</span>
							<span
								style="margin-left: 18rpx;">{{query.dispatch_type=='express'?dzobj.mobile:mdobj.telphone}}</span>
						</view>
					</template>
					<view class="title" @click="godz" style="display:flex;align-items: center;"
						v-if="(!dzobj&&query.dispatch_type=='express')">
						<image :src="_static('/images/Frame@2x(45).png')" class="dzhiiocn" style="margin-right:16rpx;"
							mode="" />
						添加地址
						<image :src="_static('/images/Frame@2x(46).png')" style="width: 36rpx;height: 36rpx;" mode="">
						</image>
					</view>
					<view class="title" @click="godz" style="display:flex;align-items: center;"
						v-if="(!query.shopid&&query.dispatch_type=='offline')">
						<image :src="_static('/images/Frame@2x(45).png')" class="dzhiiocn" style="margin-right:16rpx;"
							mode="" />
						选择门店
						<image :src="_static('/images/Frame@2x(46).png')" style="width: 36rpx;height: 36rpx;" mode="">
						</image>
					</view>
					<view class="textdz" v-if="dzobj||(query.dispatch_type=='offline'&&mdobj.address)" @click="godz"
						style="display: flex;align-items: center;">
						{{query.dispatch_type=='express'?`${dzobj.province_name}${dzobj.city_name}${dzobj.district_name}${dzobj.address}`:mdobj.address}}
						<image :src="_static('/images/Frame@2x(46).png')" style="width: 36rpx;height: 36rpx;" mode="">
						</image>
					</view>
				</view>
			</view>

			<view class="dzbox" v-if="zuliobj.dispatch_type=='express'">
				<view class="center">
					<template v-if="dzobj">
						<view class="dzline">
							<image :src="_static('/images/Frame@2x(45).png')" class="dzhiiocn" mode="">
							</image> <span style="margin-left:16rpx ;">{{dzobj.consignee}}</span> <span
								style="margin-left:24rpx ;">{{dzobj.mobile}}</span>
						</view>
					</template>
					<view class="dzline1" @click="godz" v-if="dzobj">
						<view class="dztext">
							{{dzobj.province_name}}{{dzobj.city_name}}{{dzobj.district_name}}{{dzobj.address}}
						</view>
						<image :src="_static('/images/Frame@2x(46).png')" class="arrowright" mode="">
						</image>
					</view>
					<view class="title" @click="godz" style="display:flex;align-items: center;  margin-top: 30rpx;"
						v-else>
						<image :src="_static('/images/Frame@2x(45).png')" class="dzhiiocn" style="margin-right:16rpx;"
							mode="">
						</image>
						添加地址
						<image :src="_static('/images/Frame@2x(46).png')" style="width: 36rpx;height: 36rpx;" mode="">
						</image>
					</view>
				</view>
			</view>






			<view class="shangping">
				<view class="cc">
					<view class="line">
						<image :src="zuliobj['image']" class="leftimg" mode=""></image>
						<view class="textts">
							<view class="t1">
								{{zuliobj['title']}}
							</view>
							<view class="t2">
								{{zuliobj['subtitle']}}
							</view>
							<view class="t3line">
								<view class="jiage">
									￥{{zuliobj['price'][0]}}
								</view>
								<view class="jjnum">
									<image @click="add('-')" :src="_static('/images/Group 11197@2x.png')" class="icon"
										mode=""></image>
									<view class="num">
										{{goods_num}}
									</view>
									<image @click="add('+')" :src="_static('/images/Group 11198@2x.png')" class="icon"
										mode=""></image>
								</view>
							</view>
						</view>
					</view>
					<view class="line1">
						<view class="lable">
							押金：
						</view>
						<view class="jine">
							{{zuliobj['deposit']}}
						</view>
					</view>
					<view class="line1">
						<view class="lable">
							配送：
						</view>
						<view class="jine">
							快递
						</view>
					</view>
					<view class="line1">
						<view class="lable">
							备注：
						</view>
						<view class="jine">
							<input type="text" v-model="query['remark']" placeholder="请输入备注" />
						</view>
					</view>
				</view>
			</view>
			<view class="lianxirenbox">
				<view class="center">
					<view class="labletitle">
						<image :src="_static('/images/Group 11682@2x.png')" class="xbq" mode=""></image>
						<span>联系人信息</span>
					</view>
					<view class="line">
						<view class="lefttext">
							<span>联系人：</span>
						</view>
						<view class="righttxt">
							{{query['user_name']}}
						</view>
					</view>
					<view class="line">
						<view class="lefttext">
							<span>联系方式：</span>
						</view>
						<view class="righttxt">
							{{query['tel']}}
						</view>
					</view>
				</view>
			</view>
			<view class="lianxirenbox">
				<view class="center">
					<view class="labletitle">
						<image :src="_static('/images/Group 11682@2x.png')" class="xbq" mode=""></image>
						<span>支付信息</span>
					</view>
					<view class="weixinzfline">
						<view class="lefttext">
							<image :src="_static('/images/Group 11345@2x.png')" mode=""></image>
							<span>微信支付</span>
						</view>
						<image @click="flag=!flag"
							:src="flag?_static('/images/Group 11730@2x.png'):_static('/images/Ellipse 31@2x.png')"
							class="redcuo" mode=""></image>
					</view>
				</view>
			</view>
			<view class="lianxirenbox">
				<view class="center">
					<view class="labletitle">
						<image :src="_static('/images/Group 11682@2x.png')" class="xbq" mode=""></image>
						<span>租赁须知</span>
					</view>
					<view class="texts">
						<up-parse :content="zuliobj['rent_notice']"></up-parse>
					</view>
				</view>
			</view>
		</view>
		<view class="" style="height: 200rpx;">

		</view>
		<view class="fixedbox">
			<view class="btn" @click="zhifubtn"
				:style="{'background':jineobj.order_amount?'':'#f7f8fa','color':jineobj.order_amount?'':'#86909C'}">
				{{ jineobj.order_amount?`提交订单 ￥${jineobj.order_amount}`:'当前地区不在配送范围'}}
			</view>
		</view>
		<up-popup :show="show" mode="center">
			<view class="centerboxx">
				<image :src="_static('/images/removeicon.png')" class="closeicon" mode="" @click="show=false">
				</image>
				<view class="center1">
					<image :src="_static('/images/Frame@2x(50).png')" class="duih" mode=""></image>
					<view class="tt">
						支付成功
					</view>
					<view class="qdbtn" @click="gopage">
						确定
					</view>
				</view>
			</view>
			<view class="centeraddress" v-if="false">
				<image :src="_static('/images/Rectangle 24571@2x.png')" class="centeraddressback" mode="">
				</image>
				<image :src="_static('/images/removeicon.png')" class="closeicon" mode="" @click="show=false">
				</image>
				<view class="title">
					请选择医院
				</view>
				<view class="" style="height: 110rpx;">

				</view>
				<view class="addressboxs">
					<view :class="active==index?'addressboxs_item backk':'addressboxs_item'"
						v-for="(item,index) in menduianarr" :key="index" @click="active=index">
						<!-- <view class="dqright" v-if="active==index">
							<image src="https://chunchi.oss-cn-beijing.aliyuncs.comhttps://mzyk.lrhdkj.cn/xcx/images/static/Rectangle 24598@2x.png" mode=""></image>
							<span>当前门店</span>
						</view> -->
						<view class="texts">
							<view class="t1">
								{{item.title}}
							</view>
							<view class="t2">
								<image :src="_static('/images/Frame@2x(49).png')" class="addressicon" mode="">
								</image>
								<view class="addresstt">
									{{item.address}}
								</view>
								<!-- <view class="juli">
									距离：{{(item.distance).toFixed(2)}}km
								</view> -->
							</view>
						</view>
					</view>

				</view>
				<view class="btn" @click="xzmd()">
					确定
				</view>
			</view>
		</up-popup>
	</view>
</template>

<script setup>
	import headertop from '@/components/header.vue'
	import {
		_static
	} from '@/ulm/utils/url.js'
	import ulm, {
		$api
	} from '@/ulm';
	import {
		ref,
		onMounted,
		computed,
		reactive
	} from 'vue'
	import {
		onPageScroll,
		onLoad,
		onShow,
		onReachBottom
	} from "@dcloudio/uni-app";
	const statusBarHeight = ref('')
	const back1 = ref('')
	const goods_num = ref(1)
	const dzobj = ref({})
	const flag = ref(false)
	const mdobj = reactive({
		title: '请选择自提门店',
		address: '',
		telphone: ''
	})
	const query = reactive({
		dispatch_type: 'express',
		goods_id: '',
		address_id: '',
		user_name: '',
		tel: '',
		remark: '',
		goods_num: 1
	})
	const jineobj = ref('')
	const zuliobj = ref({})
	const payoid1 = ref('')
	const typestr = ref('快递')
	const show = ref(false)
	const menduianarr = ref([{
		title: '郑州第一附属医院',
		address: '这是地址内容这是地址内容这是地址内容这是地址内容这是地址内容这是地址内容'
	}])
	const active = ref(0)
	const barHeight = ref('')
	onPageScroll((e) => {
		if (e.scrollTop > 100) {
			back1.value = '#81D6FF'
		} else {
			back1.value = ''
		}
	})
	onMounted(() => {
		statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
		const {
			top,
			height
		} = wx.getMenuButtonBoundingClientRect();
		barHeight.value = height ? height + (top - statusBarHeight.value) * 2 : 38;
	})
	onShow(() => {
		let pagearr = getCurrentPages(); //获取应用页面栈
		let currentPage = pagearr[pagearr.length - 1]; //获取当前页面信息
		let opt = currentPage.options
		console.log(opt, 'optoptoptopt');
		var objj = JSON.parse(opt.obj)
		if (objj) {
			query['user_name'] = objj.user_name
			query['tel'] = objj.tel
		}
		init(opt.id)
	})

	function gopage() {
		show.value = false
		uni.redirectTo({
			url: '/sub_shoppingmal/index/zuliorderdetail?id=' + payoid1.value
		})
	}
	async function zhifubtn() {
		query['goods_num'] = goods_num.value
		if (!jineobj.value.order_amount) return
		if (query.dispatch_type == 'express') {
			if (!query.address_id) {
				uni.showToast({
					title: '请添加快递地址',
					icon: 'none'
				})
				return
			}
		} else if (query.dispatch_type == 'offline') {
			if (!query.shopid) {
				uni.showToast({
					title: '请选择门店',
					icon: 'none'
				})
				return
			}
		}
		if (!flag.value) {
			uni.showToast({
				title: '请选择支付方式',
				icon: 'none'
			})
			return
		}
		const res = await $api.createorder1(query)
		if (res.code == 1) {
			var payoid = res.data.id
			payoid1.value = payoid
			const res1 = await $api.payPrepay({
				order_sn: res.data.order_sn,
				payment: 'wechat',
				order_type: 'rent'
			})
			if (res1.code == 1) {
				var payobj = res1.data.pay_data
				uni.requestPayment({
					timeStamp: String(payobj.timeStamp),
					nonceStr: payobj.nonceStr,
					package: payobj.package,
					signType: payobj.signType,
					paySign: payobj.paySign,
					success(res) {
						show.value = true
					},
					fail(e) {
						setTimeout(() => {
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							})
						}, 500)
						// uni.redirectTo({
						// 	url: '/sub_shoppingmal/index/orderdetail?id=' + payoid
						// })
					}
				})
			}
		}
	}


	async function init(id) {
		const res = await $api.rentdetail({
			id
		})
		if (res.code == 1) {
			zuliobj.value = res.data
			query['goods_id'] = zuliobj.value['id']
			if (zuliobj.value['dispatch_type'] == 'offline') {
				query.dispatch_type = 'offline'
			} else {
				query.dispatch_type = 'express'
			}
			getdz()
		}
	}
	async function getdz() {
		const res = await $api.mrdz()
		console.log(172172172172172, res, 'res');
		if (res.code == 1) {
			if (res.data) {
				dzobj.value = res.data
				query.address_id = dzobj.value.id
			} else {
				const res1 = await $api.addressIndex()
				if (res1.code == 1) {
					if (!res1.data.length) {
						dzobj.value = null
					} else {
						dzobj.value = res1.data[0]
						query.address_id = dzobj.value.id
					}
				}
			}
			jisuanjiage()
		}

	}

	function add(type) {
		if (type == '+') {
			if (goods_num.value >= zuliobj.value['stock']) {
				uni.showToast({
					title: '商品库存不足',
					icon: 'none'
				})
				return
			}
			goods_num.value++
		} else {
			if (goods_num.value == 1) return
			goods_num.value--
		}
		jisuanjiage1()
	}
	async function jisuanjiage() {
		const res = await $api.calcrent({
			dispatch_type: query.dispatch_type,
			goods_id: zuliobj.value['id'],
			address_id: query['address_id'],
			goods_num: goods_num.value
		})
		if (res.code == 1) {
			jineobj.value = res.data
		} else {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
		}
	}

	function godz() {
		uni.navigateTo({
			url: '/sub_my/my/shdz?typestr=dz'
		})
	}
</script>

<style lang="scss">
	.dzbox {
		width: 100%;
		box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(0, 0, 0, 0.09);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		overflow: hidden;
		background: #FFFFFF;

		.center {
			width: 630rpx;
			margin: auto;

			.title {
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32rpx;
				color: #333333;
				margin-bottom: 30rpx;
				margin-left: 25rpx;

				.dzhiiocn {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.dzline1 {
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin-top: 24rpx;
				margin-bottom: 34rpx;

				.dztext {
					width: 558rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #777777;
				}

				.arrowright {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.dzline {
				width: 100%;
				margin-top: 34rpx;
				display: flex;
				align-items: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #333333;

				.dzhiiocn {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}

	::v-deep .u-popup__content {
		border-radius: 32rpx 32rpx 32rpx 32rpx;
	}

	.backk {
		border: 2rpx solid #2AB4F5;
	}

	.centerboxx {
		width: 518rpx;
		height: 488rpx;
		background: linear-gradient(180deg, #CAEEFF 0%, #FFFFFF 23%);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		overflow: hidden;
		position: relative;

		.closeicon {
			width: 44rpx;
			height: 44rpx;
			position: absolute;
			right: 24rpx;
			top: 24rpx;
		}

		.center1 {
			display: flex;
			flex-direction: column;
			align-items: center;

			.duih {
				width: 124rpx;
				height: 124rpx;
				margin: auto;
				margin-top: 90rpx;
			}

			.tt {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				margin-top: 30rpx;
				color: #1D2129;
			}

			.qdbtn {
				width: 244rpx;
				height: 74rpx;
				background: #2AB4F5;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				line-height: 74rpx;
				text-align: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
				margin-top: 60rpx;
			}
		}

	}

	.centeraddress {
		width: 644rpx;
		overflow: hidden;
		height: 760rpx;
		border-radius: 20rpx !important;
		position: relative;

		.centeraddressback {
			width: 644rpx;
			height: 760rpx;
			position: absolute;
		}

		.btn {
			width: 588rpx;
			height: 72rpx;
			background: #2AB4F5;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			text-align: center;
			line-height: 72rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #FFFFFF;
			margin: auto;
			margin-top: 34rpx;
			position: absolute;
			z-index: 999;
			margin-left: 32rpx;
		}

		.centeraddressimg {
			width: 594rpx;
			height: 736rpx;
			position: absolute;
			z-index: -1;
		}

		.title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #1D2129;
			width: 100%;
			text-align: center;
			margin-top: 48rpx;
			position: absolute;
			z-index: 999;
		}

		.addressboxs {
			width: 588rpx;
			margin: auto;
			height: 444rpx;
			margin-top: 24rpx;
			overflow-y: scroll;

			&_item {
				width: 586rpx;
				margin-bottom: 24rpx;
				position: relative;
				overflow: hidden;
				background: #F7F8FA;
				border-radius: 10rpx;
				height: 144rpx;

				.dqright {
					width: 110rpx;
					height: 36rpx;
					position: absolute;
					right: 0%;
					top: 0%;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 20rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 36rpx;
					display: flex;
					justify-content: center;
					z-index: 999;

					image {
						width: 110rpx;
						height: 36rpx;
						z-index: -1;
						position: absolute;

					}
				}

				.texts {
					width: 520rpx;
					margin: auto;
					overflow: hidden;
					white-space: nowrap;
					/* 防止文本换行 */
					overflow: hidden;
					/* 隐藏超出容器的部分 */
					text-overflow: ellipsis;

					/* 超出部分显示为省略号 */
					.t1 {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #1D2129;
						margin-top: 24rpx;
					}

					.t2 {
						display: flex;
						width: 100%;
						margin-top: 28rpx;
						margin-bottom: 28rpx;
						align-items: center;

						.addressicon {
							width: 32rpx;
							height: 32rpx;
						}

						.addresstt {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #86909C;
							width: 460rpx;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							/* 限制文本显示为2行 */
						}

						.juli {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #86909C;
							margin-left: 100rpx;
						}
					}
				}

				&_img {
					width: 530rpx;
					height: 132rpx;
					position: absolute;
					z-index: -1;
				}
			}
		}

		.closeicon {
			width: 44rpx;
			height: 44rpx;
			position: absolute;
			right: 24rpx;
			top: 24rpx;
		}
	}

	.fixedbox {
		width: 100%;
		height: 184rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 4rpx 0rpx rgba(0, 0, 0, 0.05);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0%;

		.btn {
			width: 686rpx;
			height: 88rpx;
			background: #2AB4F5;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			text-align: center;
			line-height: 88rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 30rpx;
			color: #FFFFFF;
			margin: auto;
			margin-top: 22rpx;
		}
	}

	page {
		background: #F7F8FA;
	}

	.querendingdan1 {
		width: 100%;
		overflow: hidden;
		position: relative;

		.quedingbox {
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 312rpx;
			background: linear-gradient(180deg, #CAEEFF 71%, rgba(240, 250, 255, 0) 100%);
		}

		.centerbox {
			width: 686rpx;
			margin: auto;
			margin-top: 38rpx;

			.lianxirenbox {
				width: 100%;
				overflow: hidden;
				background: #FFFFFF;
				box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(0, 0, 0, 0.09);
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				margin-top: 32rpx;

				.center {
					width: 630rpx;
					margin: auto;

					.line {
						width: 100%;
						height: 84rpx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						border-bottom: 2rpx solid #F7F8FA;

						.lefttext {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #1D2129;
						}

						.righttxt {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #1D2129;
						}
					}

					.texts {
						width: 100%;
						margin-top: 28rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #4E5969;
						margin-bottom: 28rpx;
					}

					.weixinzfline {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-top: 32rpx;
						margin-bottom: 40rpx;

						.redcuo {
							width: 32rpx;
							height: 32rpx;
						}

						.lefttext {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #1D2129;

							image {
								width: 48rpx;
								height: 48rpx;
								margin-right: 16rpx;
							}

							display: flex;
							align-items: center;
							font-family: PingFang SC,
							PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #1D2129;
						}
					}

					.labletitle {
						display: flex;
						align-items: center;
						margin-top: 28rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #1D2129;

						.xbq {
							width: 34rpx;
							height: 20rpx;
							margin-right: 14rpx;
						}
					}
				}
			}

			.shangping {
				width: 686rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(0, 0, 0, 0.09);
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				overflow: hidden;
				margin-top: 32rpx;

				.cc {
					width: 638rpx;
					overflow: hidden;
					margin: auto;
					margin-top: 24rpx;

					.line1 {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 26rpx;

						.lable {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;
						}

						.jine {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;

							input {
								text-align: right;
							}
						}
					}

					.line {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 30rpx;

						.leftimg {
							width: 176rpx;
							height: 176rpx;
							border-radius: 12rpx 12rpx 12rpx 12rpx;
						}

						.textts {
							width: 430rpx;
							overflow: hidden;

							.t1 {
								width: 100%;
								font-family: PingFang SC, PingFang SC;
								font-weight: 500;
								font-size: 32rpx;
								color: #1D2129;
								overflow: hidden;
								/* 隐藏溢出内容 */
								white-space: nowrap;
								/* 强制文本不换行 */
								text-overflow: ellipsis;
								/* 超出部分显示省略号 */
							}

							.t2 {
								width: 100%;
								overflow: hidden;
								/* 隐藏溢出内容 */
								white-space: nowrap;
								/* 强制文本不换行 */
								text-overflow: ellipsis;
								/* 超出部分显示省略号 */
								margin-top: 28rpx;
								font-weight: 400;
								font-size: 26rpx;
								color: #868686;
							}

							.t3line {
								width: 100%;
								display: flex;
								justify-content: space-between;
								align-items: center;
								margin-top: 32rpx;

								.jiage {
									font-family: PingFang SC, PingFang SC;
									font-weight: bold;
									font-size: 32rpx;
									color: #F53F3F;
								}

								.jjnum {
									display: flex;
									align-items: center;
									font-weight: 400;
									font-size: 32rpx;
									color: #1D2129;

									.icon {
										width: 48rpx;
										height: 48rpx;
									}

									.num {
										padding: 0 16rpx;
									}
								}
							}
						}
					}
				}
			}

			.qufenkdtype {
				width: 100%;
				overflow: hidden;
				height: 290rpx;
				position: relative;

				.qufenkdtypeback {
					position: absolute;
					width: 100%;
					height: 290rpx;
					z-index: -1;
				}

				.dzinfo {
					width: 558rpx;
					overflow: hidden;
					margin-left: 28rpx;
					margin-top: 32rpx;

					.title {
						font-family: PingFang SC, PingFang SC;
						font-weight: 600;
						font-size: 32rpx;
						color: #333333;
						margin-bottom: 30rpx;
						margin-left: 25rpx;

						.dzhiiocn {
							width: 32rpx;
							height: 32rpx;
						}
					}

					.textdz {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #777777;
						margin-top: 24rpx;
					}

					.line {
						width: 100%;
						display: flex;
						align-items: center;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 32rpx;
						color: #333333;

						.icon {
							width: 32rpx;
							height: 32rpx;
						}
					}
				}

				.linetitle {
					width: 100%;
					height: 90rpx;
					display: flex;
					align-items: center;

					.zitibox1 {
						width: 50%;
						height: 90rpx;
						line-height: 90rpx;
						font-weight: 500;
						font-size: 32rpx;
						color: #1D2129;
						text-align: center;
					}

					.zitibox {
						text-align: center;
						width: 50%;
						height: 90rpx;
						line-height: 90rpx;
						font-weight: 500;
						font-size: 28rpx;
						color: #4E5969;
					}
				}
			}
		}
	}
</style>